{% macro board_box(board) %}
<div class="article-box center-box">
	<div class="board-name">
		<h4 class="pull-left">{{board.name}}</h4>
		<button class="btn pull-right follow-board" data-board-id="{{ board.id }}">
			<span class="board-followers-count">{{board.followers_count}}</span> <i class="icon-star"></i>
		</button>

	</div>
	<div style="clear:both;"></div>
	<div class="board-author">
		<img src="http://lorempixel.com/50/50/people" class="img-polaroid pull-left" style="margin-right: 10px;"/>
		<a href="/user/{{ board.user.id }}/"> <b>{{ board.user | username}}</b></a>
		<br/>
		<span class="gray-light moment" data-moment="{{ board.created_time }}Z"> {{ board.created_time }} </span>
	</div>

	<hr/>

	<div style="clear:both;"></div>

	<div class="board-articles">
		{% for article in board.articles %}
		<div class="">
			<img src="http://www.google.com/s2/favicons?domain={{ article.url|domain }}"/>
			<a href="{{ article.url }}" class="gray"> {{ article.title }}</a> - 
			<a href="#" class="gray-light">{{ article.url | domain }}</a>
		</div>
		<br/>
		{% endfor %}
	</div>
</div>

{% endmacro %} 